<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="e享时代,创新消费-科学分享!" />
<meta name="description" content="麦e享时代,创新消费-科学分享!" />
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no"/>
<meta name="location" content="province=广东;city=深圳;">
<link rel="icon" href="../image/favicon.ico">
<title>e享时代</title>
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.min.css">
<!-- Path to Framework7 iOS related color styles -->
<link rel="stylesheet" href="../js/lib/Framework7/dist/css/framework7.ios.colors.min.css">
<link rel="stylesheet" href="../style/home/style.css">
<style>
    [v-cloak]{
        display: none;
    }
    html,body{
        overflow-y: scroll;
    }
</style>
</head>

<body class="grayBj">
<div id="app" v-cloak>
    <div class="headTitle"><a class="return" href="javascript:void(0)"><img src="../image/return@2x.png" v-on:click="back"></a>消费登记</div>


    <!-- 未上传汇款凭证 -->
    <div class="step" v-if="statusType === '0'">
        <dl class="one opt">
            <dt><img src="../image/opt@2x.png"></dt>
            <dd>基本信息</dd>
        </dl>
        <dl class="two active">
            <dt>2</dt>
            <dd>消费凭证</dd>
        </dl>
        <dl class="three">
            <dt>3</dt>
            <dd>汇款凭证</dd>
        </dl>
        <dl class="four">
            <dt>4</dt>
            <dd>审核结果</dd>
        </dl>
        <span><em style="width: 33.3%" style="display: none;"></em></span>
    </div>


    <!-- 已上传汇款凭证 -->
    <!--    <div class="step" v-if="statusType === '1'">
        <dl class="one opt">
            <dt><img src="../image/opt@2x.png"></dt>
            <dd>基本信息</dd>
        </dl>
        <dl class="two opt">
            <dt><img src="../image/opt@2x.png"></dt>
            <dd>消费凭证</dd>
        </dl>
        <dl class="three active">
            <dt>3</dt>
            <dd>汇款凭证</dd>
        </dl>
        <dl class="four">
            <dt>4</dt>
            <dd>审核结果</dd>
        </dl>
        <span><em style="width: 66.6%" style="display: none;"></em></span>
    </div> -->


    <!-- 已上传汇款凭证审核未通过 -->
    <div class="step" v-if="statusType === '2'">
        <dl class="one opt">
            <dt><img src="../image/opt@2x.png"></dt>
            <dd>基本信息</dd>
        </dl>
        <dl class="two opt">
            <dt><img src="../image/opt@2x.png"></dt>
            <dd>消费凭证</dd>
        </dl>
        <dl class="three opt">
             <dt><img src="../image/opt@2x.png"></dt>
            <dd>汇款凭证</dd>
        </dl>
        <dl class="four active">
            <dt>4</dt>
            <dd>审核结果</dd>
        </dl>
        <span><em style="width: 100%" style="display: none;"></em></span>
    </div>



    <div class="OperationResult" v-if="Checking === 'check'">
       <dl>
         <dt><img src="../image/icon_wait@2x.png"></dt>
         <dd><span>审核中...</span>您提交的资料正在审核中...</dd>
       </dl>
    </div>

    <div class="OperationResult" v-if="Checking === 'nopass'">
       <dl>
         <dt><img src="../image/icon_failure@2x.png"></dt>
         <dd><span>抱歉，审核不通过！</span>{{auditOpinion}}</dd>
       </dl>
    </div>

    <div class="subEntrance">
        <ul>
            <li><span class="return f_right padd_right10">{{items.orderNo}}</span>单号</li>
            <li><span class="return f_right padd_right10">{{items.createTime|moment}}</span>登记时间</li>
            <li><span class="return f_right padd_right10">{{items.userCode}}</span>买家用户编号</li>
            <li><span class="return f_right padd_right10">{{items.commodityName}}</span>商品名称</li>
            <li><span class="return f_right padd_right10">￥{{items.consumptionMoney}}</span>消费金额</li>
            <li v-if="nopassType ==='1'"><span class="return f_right padd_right10">￥{{items.rangliMoney}}</span>让利款</li>
            <li v-if="items.consumptionCertificate"><span class="return f_right padd_right10 elementIMG"><img v-bind:src="items.consumptionCertificate" v-on:click="AddPhotoBrowser($event)"></span>彩色消费凭证<div class="clear"></div></li>
            <li v-if="items.physicalPic"><span class="return f_right padd_right10 elementIMG"><img v-bind:src="items.physicalPic" v-on:click="AddPhotoBrowser($event)"></span>实物照片<div class="clear"></div></li>
            <li v-if="items.transferVoucher"><span class="return f_right padd_right10 elementIMG"><img v-bind:src="items.transferVoucher" v-on:click="AddPhotoBrowser($event)"></span>让利款转款凭据<div class="clear"></div></li>
        </ul>
    </div>

    <!-- <div class="submit" v-if="Checking === 'check'"><a href="javascript:void(0)" v-on:click="back">返 回</a></div> -->

    <div class="submit" v-if="items.status ==='3'" v-on:click="toRepeatSubmit"><a href="javascript:void(0)">重新提交</a></div>

    <div class="bottomCopy" style="padding-bottom: 0">2016E享时代版权所有，并保留所有权利。</div> 

    <div class="Pop_loading DataLoading" style="display: none;"><!--loading加载-->
        <div class="DialogBox dialogBox_normal">
            <div class="loadingIMG"><span><img src="../image/loading.gif"></span></div>
        </div>
    </div>
</div>

<script src="../js/lib/jquery/dist/jquery.min.js"></script>
<script src="../js/lib/Framework7/dist/js/framework7.min.js"></script>
<script type="text/javascript" src="../js/dist/home/consumerAudit/bundle.js"></script>

</body>
</html>
